﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="irstheme">

    <title> Analysis - Wedding </title>

    <link href="assets/css/themify-icons.css" rel="stylesheet">
    <link href="assets/css/flaticon.css" rel="stylesheet">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.css" rel="stylesheet">
    <link href="assets/css/owl.theme.css" rel="stylesheet">
    <link href="assets/css/slick.css" rel="stylesheet">
    <link href="assets/css/slick-theme.css" rel="stylesheet">
    <link href="assets/css/swiper.min.css" rel="stylesheet">
    <link href="assets/css/owl.transitions.css" rel="stylesheet">
    <link href="assets/css/jquery.fancybox.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
</head>

<body id="home">
    <!--右侧-->
    <div class="cndns-right">
        <div class="cndns-right-btn1">
            <!-- <img src="http://www.divcss5.com/img201305/divcss5-logo-201305.gif" /> -->
            
            <font color="aliceblue">点赞</font>
        </div>
        <div class="cndns-right-btn2">
            <font color="aliceblue">祝福</font>
        </div>
    </div>


    <!-- start page-wrapper -->
    <div class="page-wrapper">

        <!-- start preloader -->
        <div class="preloader">
            <div class="middle">
                <i class="fi flaticon-favorite-heart-button"></i>
                <i class="fi flaticon-favorite-heart-button"></i>
                <i class="fi flaticon-favorite-heart-button"></i>
                <i class="fi flaticon-favorite-heart-button"></i>
            </div>
        </div>
        <!-- end preloader --> 


        <!-- start of hero -->
        <section class="hero-slider hero-style-1">
            <div class="wedding-announcement" id="top">
                <div class="couple-text">
                    <h3 id="curve-text">We're Getting Married</h3>
                    <h2 class="wow slideInUp couple-name" data-wow-duration="1s">ZhouMingyan &amp; LiuLie</h2>
                </div>
            </div>

            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide-1.jpg">
                        </div> <!-- end slide-inner --> 
                    </div> <!-- end swiper-slide -->
                    <div class="swiper-slide">
                        <div class="slide-inner slide-bg-image" data-background="assets/images/slider/slide-2.jpg">
                        </div> <!-- end slide-inner --> 
                    </div> <!-- end swiper-slide -->
                </div>
                <!-- end swiper-wrapper -->

                <!-- swipper controls -->
                <div class="swiper-pagination"></div>
                <div class="next-prev-btn">
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </section>
        <!-- end of hero slider -->


        <!-- Start header -->
        <header id="header" class="site-header header-style-1">
            <nav class="navigation navbar navbar-default">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="open-btn">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="index.html">周明岩 <i class="fi flaticon-spring"></i> 刘列</a>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse navbar-right navigation-holder">
                        <button class="close-navbar"><i class="ti-close"></i></button>
                        <ul class="nav navbar-nav">
                            <li><a href="#top">顶部</a></li>
                            <li><a href="#couple">我们</a></li>
                            <li><a href="#story">爱的故事</a></li>
                            <li><a href="#events">婚礼活动</a></li>
                            <li><a href="#people">伴郎伴娘</a></li>
                            <li><a href="#gallery">婚礼画廊</a></li>
                            <li><a href="#rsvp">邀请函</a></li>
                        </ul>
                    </div><!-- end of nav-collapse -->
                </div><!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->


        <!-- start wedding-date -->
        <section class="wedding-date section-padding">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title">
                            <h2>婚礼倒计时</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <h3>2020年10月1日</h3>
                        <div class="clock-grids">
                            <div id="clock"></div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end wedding-date -->


        <!-- start couple-section -->
        <section class="couple-section section-padding" id="couple">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="couple-area clearfix">
                            <div class="text-grid bride">
                                <h3>新娘</h3>
                                <p>戴高乐曾经说过：“眼睛所看到的地方就是你会到达的地方。伟人之所以伟大，是因为他们决心要做出伟大的事。”。与你相识到相知，能携手一生，是我的荣幸。 </p>
                                <div class="social">
                                    <!-- <ul>
                                        <li><a href="#"><i class="ti-facebook"></i></a></li>
                                        <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
                                        <li><a href="#"><i class="ti-instagram"></i></a></li>
                                        <li><a href="#"><i class="ti-pinterest"></i></a></li>
                                    </ul> -->
                                </div>
                            </div>
                            <div class="middle-couple-pic">
                                <img src="assets/images/couple.jpg" alt>
                            </div>
                            <div class="text-grid groom">
                                <h3>新郎</h3>
                                <p>戴高乐曾经说过：“眼睛所看到的地方就是你会到达的地方。伟人之所以伟大，是因为他们决心要做出伟大的事。”。与你相识到相知，能携手一生，是我的荣幸。 </p>
                                <div class="social">
                                    <!-- <ul>
                                        <li><a href="#"><i class="ti-facebook"></i></a></li>
                                        <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
                                        <li><a href="#"><i class="ti-instagram"></i></a></li>
                                        <li><a href="#"><i class="ti-pinterest"></i></a></li>
                                    </ul> -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end couple-section -->


        <!-- start love-sotry-section -->
        <section class="love-sotry-section section-padding" id="story">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title">
                            <h2>爱的故事</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="story-grids">
                            <div class="grid">
                                <h3>初次相遇</h3>
                                <p>那不是梦，为了赚点小钱，去学校卖卖被子，恰巧学妹介绍了还没毕业的你帮帮忙。从此，有了现在的结果！</p>
                            </div>
                            <div class="grid">
                                <h3>初次约会</h3>
                                <p>那是一个很普通的傍晚，我们，相约在一个很普通的小饭馆，吃了一顿小砂锅。</p>
                            </div>
                            <div class="grid">
                                <h3>求婚</h3>
                                <p>当人们看到我们这些记录的时候，正式求婚已经正式打响。</p>
                            </div>
                            <div class="grid">
                                <h3>结婚</h3>
                                <p>2020年10月一日，举国同庆，切好，我们就在这一天结婚了。</p>
                            </div>
                            <img src="assets/images/ring.png" alt>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end love-sotry-section -->


        <!-- start wedding-location-section -->
        <section class="wedding-location-section section-padding" id="events">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title">
                            <h2>婚礼活动</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="location-grids clearfix">
                            <div class="grid">
                                <div class="img-holder">
                                    <img src="assets/images/reception-pic.jpg" alt>
                                </div>
                                <h3>接待处</h3>
                                <ul>
                                    <li><i class="ti-location-pin"></i> 维也纳国际酒店</li>
                                    <li><i class="ti-time"></i> 2020年10月1日 上午 10:00</li>
                                </ul>
                                <p>待完善事宜</p>
                            </div>
                            <div class="grid">
                                <div class="img-holder">
                                    <img src="assets/images/wedding-party-pic.jpg" alt>
                                </div>
                                <h3>婚礼派对</h3>
                                <ul>
                                    <li><i class="ti-location-pin"></i> 润扬明珠大酒店</li>
                                    <li><i class="ti-time"></i> 2020年10月1日 下午 6:00</li>
                                </ul>
                                <p>待完善事宜</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end wedding-location-section -->


        <!-- start wishes-section -->
        <section class="wishes-section">
            <div class="container">
                <div class="row">
                    <div class="col col-lg-8 col-lg-offset-2">
                        <div class="text">
                            <p>灯下一对幸福侣</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end wishes-section -->


        <!-- start groomsmen-bridesmaid section -->
        <section class="groomsmen-bridesmaid section-padding" id="people">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title">
                            <h2>伴郎 & 伴娘</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="groomsmen-bridesmaid-grids clearfix">
                            <div class="grid">
                                <div class="img-holder">
                                    <img class = "head-image-size" src="assets/images/groomsmen/img-1.jpg" alt>
                                </div>
                                <div class="details">
                                    <h4>杨启帆</h4>
                                    <p>好兄弟</p>
                                    <!-- <ul>
                                        <li><a href="#"><i class="ti-facebook"></i></a></li>
                                        <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
                                        <li><a href="#"><i class="ti-instagram"></i></a></li>
                                        <li><a href="#"><i class="ti-pinterest"></i></a></li>
                                    </ul> -->
                                </div>
                            </div>
                            <div class="grid">
                                <div class="img-holder">
                                    <img class = "head-image-size" src="assets/images/groomsmen/img-2.jpg" alt>
                                </div>
                                <div class="details">
                                    <h4>张宜川</h4>
                                    <p>好兄弟</p> 
                                </div>
                            </div>
                            <div class="grid">
                                <div class="img-holder">
                                    <img  class = "head-image-size" src="assets/images/groomsmen/img-3.jpg" alt>
                                </div>
                                <div class="details">
                                    <h4>赵伟杰</h4>
                                    <p>好兄弟</p>
                                </div>
                            </div>
                            <div class="grid">
                                <div class="img-holder">
                                    <img class = "head-image-size" src="assets/images/groomsmen/img-4.jpg" alt>
                                </div>
                                <div class="details">
                                    <h4>李淑婷</h4>
                                    <p>好兄弟</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end groomsmen-bridesmaid section -->


        <!-- start gallery-section -->
        <section class="gallery-section section-padding" id="gallery">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title">
                            <h2>婚礼画廊</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="gallery-grids">
                            <div class="grid">
                                <a href="assets/images/gallery/img-1.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-1.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-2.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-2.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-3.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-3.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-4.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-4.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-5.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-5.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-6.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-6.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-7.jpg" class="fancybox" data-fancybox-group="gall-1">
                                    <img src="assets/images/gallery/img-7.jpg" alt>
                                </a>
                            </div>
                            <div class="grid">
                                <a href="assets/images/gallery/img-8.mp4" data-type="iframe" class="video-play-btn">
                                    <img src="assets/images/gallery/img-7.jpg" alt class="img img-responsive">
                                    <i class="ti ti-control-play"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end gallery-section -->


        <!-- start rsvp-section -->
        <section class="rsvp-section section-padding" id="rsvp">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="rspv-form">
                            <h3>你参加吗?</h3>
                            <p>请于2020年9月1日前回复</p>
                            <div class="left-flower"></div>
                            <div class="right-flower"></div>
                            <form id="rsvp-form" class="clearfix form validate-rsvp-form row" method="post">
                                <div>
                                    <input type="text" name="name" class="form-control" placeholder="姓名*">
                                </div>
                                <div>
                                    <input type="text" name="phone" class="form-control" placeholder="手机号*">
                                </div>
                                <div>
                                    <select class="form-control" name="guest" >
                                        <option disabled selected>参加人数*</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                    </select>
                                </div>
                                <div>
                                    <textarea class="form-control" name="notes" placeholder="留言"></textarea>
                                </div>
                                <div class="submit-btn">
                                    <button type="submit" class="theme-btn">提交</button>
                                    <div id="loader">
                                        <i class="ti-reload"></i>
                                    </div>
                                </div>
                                
                                <div class="success-error-message">
                                    <div id="success">Thank you</div>
                                    <div id="error"> 提交失败，请重新提交。 </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </section>
        <!-- end rsvp-section -->


        <!-- start gift-registry-section -->
        
        <section class="gift-registry-section section-padding p-t-0">
            <div class="container">
                <div class="row">
                    <div class="col col-lg-6 col-lg-offset-3">
                        <div class="section-title-s2">
                            <h2>婚礼礼物</h2>
                            <p>礼物</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="partner-grids clearfix">
                            <div class="grid">
                                <img src="assets/images/partners/img-1.jpg" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/img-2.jpg" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/img-3.jpg" alt>
                            </div>
                            <div class="grid">
                                <img src="assets/images/partners/img-4.jpg" alt>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </section>
        <!-- end gift-registry-section -->


        <!-- start footer-section -->
        <footer class="footer-section">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="footer-area">
                            <div class="couple-name">
                                <h2>ZhouMingyan <br>& <br>LiuLie</h2>
                            </div>
                            <h3>Forever our love, Thank you</h3> <!--http://www.bootstrapmb.com-->
                            <p>2020年8月版权所有 <a href="">Analysis</a></p>
                        </div>
                    </div>
                </div>
            </div> <!-- end container -->
        </footer>
        <!-- end footer-section -->


    </div>
    <!-- end of page-wrapper -->



    <!-- All JavaScript files
    ================================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js//bootstrap.min.js"></script>
    <!-- Plugins for this template -->
    <script src="assets/js/jquery-plugin-collection.js"></script>
    <script src="assets/js/jquery.arctext.js"></script>

    <!-- Custom script for this template -->
    <script src="assets/js/script.js"></script>
</body>
</html>
